import React from 'react'
import ReactDOM from 'react-dom/client'
import { Provider } from 'react-redux'
import { UserContext, TokenContext } from './12_自定义hook/context'
// import { ThemeContext, UserContext } from './05_useContext的使用/context'
// import App from './01_不使用hook/App'
// import App from './02_计数器的对比/App'
// import App from './03_useState的使用/App'
// import App from './04_useEffect的使用/App'
// import App from './05_useContext的使用/App'
// import App from './06_useReduce的使用/App'
// import App from './07_useCallback/App'
// import App from './08_useMemo的使用/App'
// import App from './09_useRef的使用/App'
// import App from './10_useImperativeHandle的使用/App'
// import App from './11_useLayoutEffect的使用/App'
// import App from './12_自定义hook/App'
// import App from './13_redux中的hooks/App'
// import App from './14_useId的使用/App'
import App from './15_useTransition的使用/App'
import store from './13_redux中的hooks/store'

const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
  // <React.StrictMode>
  // <ThemeContext.Provider value={{ color: 'blue', size: 18 }}>
  // <UserContext.Provider value={{ name: 'kobe', age: 29 }}>
  <Provider store={store}>
    <UserContext.Provider value={{ name: 'why', age: 19 }}>
      <TokenContext.Provider value={'coderwhy'}>
        <App />
      </TokenContext.Provider>
    </UserContext.Provider>
  </Provider>
  // </UserContext.Provider>
  // </ThemeContext.Provider>
  // </React.StrictMode>
)
